<template name="skeleton">
	<view class="sk-container">
	  <view class="container container">
		<view class="images-swiper images-swiper">
		  <swiper autoplay="false" indicator-dots="true" circular="true" class="swiper-box swiper-box" current="0" duration="800" indicator-active-color="#4e0072" interval="4000"></swiper>
		</view>
		<view class="goods-info goods-info">
		  <view class="info-item__top info-item__top">
			<view class="block-left block-left">
			  <text class="floor-price__samll sk-transparent sk-text-0-0000-145 sk-text">专属价:￥</text>
			  <text class="floor-price sk-transparent sk-text-0-0000-58 sk-text">0.01</text>
			  <view class="original-price sk-transparent sk-text-0-0000-741 sk-text" style="text-decoration-color: transparent;">￥1.00</view>
			</view>
		  </view>
		  <view class="info-item__name info-item__name">
			<view class="goods-name goods-name flex-box flex-box">
			  <text class="twoline-hide sk-transparent sk-text-8-0000-971 sk-text">测试测试</text>
			  <view class="desribe sk-transparent sk-text-24-0000-599 sk-text">副标题</view>
			</view>
			<view class="goods-share__line goods-share__line"></view>
			<view class="goods-share goods-share">
			  <button class="share-btn flex-dir-column sk-button sk-pseudo sk-pseudo-circle" open-type="share">
				<view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
				  <text class="uni-icons icons--uni-icons uniui-icon-fenxiang icons--uniui-icon-fenxiang iconfont icons--iconfont icon-fenxiang icons--icon-fenxiang sk-pseudo sk-pseudo-circle" style="color:#000;font-size:20px"></text>
				</view>
				<view class="f-24 sk-transparent sk-text-14-2857-589 sk-text" style="background-position-x: 50%;">分享</view>
			  </button>
			</view>
		  </view>
		</view>
		<view class="goods-choice goods-choice">
		  <view class="spec-list spec-list">
			<view class="flex-box flex-box">
			  <text class="col-8 sk-transparent sk-text-14-2857-252 sk-text">选择：</text>
			  <text class="spec-name sk-transparent sk-text-14-2857-739 sk-text">规格</text>
			</view>
			<view>
			  <view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
				<text class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle" style="color:#3d3d3d;font-size:20px"></text>
			  </view>
			</view>
		  </view>
		</view>
		<view is="pages/ProductDetails/components/SkuPopup" class="r r">
		  <view is="uni_modules/uni-popup/components/uni-popup/uni-popup" class="r SkuPopup--r data-v-8a5d51a9 SkuPopup--data-v-8a5d51a9"></view>
		</view>
		<view class="detial detial">
		  <view class="detial-top detial-top">
			<view class="detial-top-left detial-top-left"></view>
			<view class="detial-top-text sk-transparent sk-text-14-2857-790 sk-text">图文详情</view>
			<view class="detial-top-left detial-top-left"></view>
		  </view>
		</view>
		<view class="footer-fixed footer-fixed">
		  <view class="footer-container footer-container">
			<view class="foo-item-fast foo-item-fast">
			  <view class="fast-item fast-item fast-item--home fast-item--home">
				<view class="fast-icon fast-icon">
				  <view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
					<text class="uni-icons icons--uni-icons uniui-icon-31shouye icons--uniui-icon-31shouye iconfont icons--iconfont icon-31shouye icons--icon-31shouye sk-pseudo sk-pseudo-circle" style="color:#000;font-size:20px"></text>
				  </view>
				</view>
				<view class="fast-text fast-text">
				  <text class="sk-transparent sk-text-0-0000-357 sk-text" style="background-position-x: 50%;">首页</text>
				</view>
			  </view>
			  <button class="btn-normal sk-button sk-pseudo sk-pseudo-circle" open-type="contact">
				<view class="fast-item fast-item">
				  <view class="fast-icon fast-icon">
					<view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
					  <text class="uni-icons icons--uni-icons uniui-icon-kefu icons--uniui-icon-kefu iconfont icons--iconfont icon-kefu icons--icon-kefu sk-pseudo sk-pseudo-circle" style="color:#000;font-size:20px"></text>
					</view>
				  </view>
				  <view class="fast-text fast-text">
					<text class="sk-transparent sk-text-0-0000-678 sk-text" style="background-position-x: 50%;">客服</text>
				  </view>
				</view>
			  </button>
			  <view class="fast-item fast-item fast-item--cart fast-item--cart">
				<view class="fast-icon fast-icon">
				  <view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
					<text class="uni-icons icons--uni-icons uniui-icon-gouwuche1 icons--uniui-icon-gouwuche1 iconfont icons--iconfont icon-gouwuche1 icons--icon-gouwuche1 sk-pseudo sk-pseudo-circle" style="color:#000;font-size:20px"></text>
				  </view>
				</view>
				<view class="fast-text fast-text">
				  <text class="sk-transparent sk-text-0-0000-792 sk-text" style="background-position-x: 50%;">购物车</text>
				</view>
			  </view>
			</view>
			<view class="foo-item-btn foo-item-btn">
			  <view class="btn-wrapper btn-wrapper">
				<view class="btn-item btn-item-deputy sk-image">
				  <text class="sk-transparent sk-text-14-2857-296 sk-text">加入购物车</text>
				</view>
				<view class="btn-item btn-item-main sk-image">
				  <text class="sk-transparent sk-text-14-2857-175 sk-text">立即购买</text>
				</view>
			  </view>
			</view>
		  </view>
		</view>
	  </view>
	</view>
  </template>


<style scoped>
.sk-transparent {
    color: transparent !important;
  }
.sk-text-0-0000-145 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 29.7897rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-0-0000-58 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 47.3131rpx;
    position: relative !important;
  }
.sk-text-0-0000-741 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 24.5327rpx;
    position: relative !important;
  }
.sk-text-8-0000-971 {
    background-image: linear-gradient(transparent 8.0000%, #EEEEEE 0%, #EEEEEE 92.0000%, transparent 0%) !important;
    background-size: 100% 43.8084rpx;
    position: relative !important;
  }
.sk-text-24-0000-599 {
    background-image: linear-gradient(transparent 24.0000%, #EEEEEE 0%, #EEEEEE 76.0000%, transparent 0%) !important;
    background-size: 100% 43.8084rpx;
    position: relative !important;
  }
.sk-text-14-2857-589 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 34.3458rpx;
    position: relative !important;
  }
.sk-text-14-2857-252 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 36.7991rpx;
    position: relative !important;
  }
.sk-text-14-2857-739 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 36.7991rpx;
    position: relative !important;
  }
.sk-text-14-2857-790 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 41.7056rpx;
    position: relative !important;
  }
.sk-text-0-0000-357 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 21.0280rpx;
    position: relative !important;
  }
.sk-text-0-0000-678 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 21.0280rpx;
    position: relative !important;
  }
.sk-text-0-0000-792 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 21.0280rpx;
    position: relative !important;
  }
.sk-text-14-2857-296 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 36.7991rpx;
    position: relative !important;
  }
.sk-text-14-2857-175 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 36.7991rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

</style>